<script setup lang="ts">
import mp2 from '~/assets/imgs/banner/banner-mp2.png';
import pc2 from '~/assets/imgs/banner/banner-pc2.png';
import { useLoginJudgment } from '~/composables/useLoginJudgment';

const bp = useAppBreakpoints();
const { openModal } = useLoginJudgment();
</script>

<template>
  <swiper-slide class="swiper-slide">
    <div class="swiper-slide__item" @click="openModal(() => globalPopups.lottery.open())">
      <img v-if="bp.tabletl" :src="pc2">
      <img v-else :src="mp2">
      <div class="swiper-slide__item-content">
        <I18nT keypath="gIndSjV1k9SUh1Qk498" tag="div" class="title">
          <template #highlightTxt>
            <span class="text-yellow">2 ETH</span>
          </template>
        </I18nT>
        <div class="sub-title">
          {{ $t('oXwB3IRxIz162Ab37xYxf') }}
        </div>
        <AButton class="btn ant-cover__Button-3d-primary" type="primary">
          {{ $t('8rwNfBpYoLJkZm00RvpLe') }}
        </AButton>
      </div>
    </div>
  </swiper-slide>
</template>

<style scoped lang="scss">
@use './style.scss';
</style>
